
// 注意：有状态组件一定是创建一个类组件
import React from 'react'
class StateComp extends React.Component{
    // 1.0 当一个变量的值发生改变后，能够自动刷新页面的显示，这种变量一定要放到state对象中
    // 注意点：state是React库自己定义好的约定
    state = {
        count : 0
    } 

    addOne = () => { 
        console.log(111);
        // this.count++;
        // 2.0 调用 this.setState() 方法来改变state对象中的某一个属性
        let oldValue = this.state.count;
        oldValue++;
        this.setState({ count: oldValue });      
    }

    render() {
        return (<div>
            {/* 3.0 使用状态属性count */}
          计数器: { this.state.count }  <br/>
            <button onClick={ this.addOne }>+1</button>
        </div>)
    }
}

export default StateComp;